<script setup lang="ts">
//推荐文章
import { singleLink, postList } from "@/data/page/page/related";
</script>
<template>
  <ul class="text-sm ul-type py-6">
    <li class="mt-2" v-for="item in singleLink" :key="item.id">
      <a
        :href="item.link"
        target="_blank"
        :aria-label="'跳转至' + item.title"
        >{{ item.title }}</a
      >
    </li>
  </ul>

  <div class="rounded-lg overflow-hidden">
    <div class="px-4 py-5 md:px-6">
      <h3 class="text-lg font-medium leading-6">快速帮助</h3>
      <p class="max-w-2xl mt-1 text-sm">记录常用文章</p>
    </div>
    <div class="border-gray-200 overflow-hidden">
      <dl>
        <div
          class="px-4 py-5 md:grid md:grid-cols-3 md:gap-4 md:px-6 dark:even:bg-darkBgTable even:bg-BgTable rounded-lg"
          v-for="(item, index) in postList"
          :key="index"
        >
          <dt class="text-sm font-medium">
            {{ item.title }}
          </dt>
          <dd class="mt-1 text-sm md:mt-0 md:col-span-2" v-html="item.msg"></dd>
        </div>
      </dl>
    </div>
  </div>
</template>
<style scoped></style>
